<template>
	<view class="customHeader">
		<view class="status" :style="{ height: statusBarHeight + 'px'}"></view>
		<view class="menuButton">
			content
		</view>
		<view class="content"></view>
	</view>
</template>

<script setup>
import { onMounted, toRefs } from 'vue';
// 由于多页面都需要用到status状态栏的高度，所以获取该高度应该集成在pinia中，方便复用
import { useSystemStore } from '../../stores/system.js'
const { statusBarHeight }= toRefs(useSystemStore())
console.log('statusBarHeight', statusBarHeight.value)
onMounted(() => {
	
})
</script>

<style lang="scss" scoped>
.customHeader {
	
}
</style>